<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>mine</title>
  <!-- 引入bootstrap框架文件 -->
  <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
  <!-- 引入animate.css文件 -->
  <link rel="stylesheet" href="./assets/css/animate.min.css">
  <!-- 引入初始化文件 -->
  <link rel="stylesheet" href="./assets/css/reset.css">
  <!-- 引入公共样式 -->
  <link rel="stylesheet/less" href="./assets/css/common.less">
  <!-- 引入index本页样式 -->
  <link rel="stylesheet/less" href="./assets/css/mine.less">

</head>

<body>
  <!-- header -->
  <header class="header">
    <div class="back">
      Back
    </div>
    <div class="found">
      我的
    </div>
    <div class="ms">
      <img class="icon" src="./assets/images/mine-mc-icon.png" alt="">
      <img src="./assets/images/header-ms.png" alt="">
    </div>
  </header>

  <!-- message -->
  <div class="message">
    <div class="information">
      <div class="print">
        <img src="./assets/images/mine-photo.png" alt="">
      </div>
      <div class="login">
        <h3>点击登录</h3>
        <h4>常居地未设置</h4>
      </div>
    </div>
    <div class="mork glyphicon glyphicon-menu-right"></div>
  </div>

  <!-- module -->
  <div class="module">
    <div class="list review">
      <div class="print pt1">
        <img src="./assets/images/mine-review.png" alt="">
      </div>
      <div class="subtitle">我的点评</div>
    </div>
    <div class="list collection">
      <div class="print pt2">
        <img src="./assets/images/mine-collection.png" alt="">
      </div>
      <div class="subtitle">我的收藏</div>
    </div>
    <div class="list coupons">
      <div class="print pt3">
        <img src="./assets/images/mine-coupons.png" alt="">
      </div>
      <div class="subtitle">我的优惠卷</div>
    </div>
  </div>

  <!-- box -->
  <div class="box">
    <div class="box1">
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-wallet.png" alt="">
          </span>
          <h2>我的钱包</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-toreview.png" alt="">
          </span>
          <h2>待点评</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-friends.png" alt="">
          </span>
          <h2>找好友</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-foot.png" alt="">
          </span>
          <h2>我的足迹</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
    </div>
    <div class="box2">
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-set.png" alt="">
          </span>
          <h2>设置</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-contact.png" alt="">
          </span>
          <h2>联系</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
    </div>
    <div class="box2">
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-set.png" alt="">
          </span>
          <h2>设置</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-contact.png" alt="">
          </span>
          <h2>联系</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
    </div>
    <div class="box2">
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-set.png" alt="">
          </span>
          <h2>设置</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
      <div class="title">
        <div class="left">
          <span>
            <img src="./assets/images/mine-contact.png" alt="">
          </span>
          <h2>联系</h2>
        </div>
        <div class="right">
          <h4>更多</h4>
          <span>
            <img src="./assets/images/more.png" alt="">
          </span>
        </div>
      </div>
    </div>
  </div>


  <!-- buttonarea -->
  <div class="buttonarea">
    <div class="exit">退出</div>
    <div class="logout">注销</div>
  </div>

  <!-- foot -->
  <div class="foot">
    <a class="item" href="index.html" target="_self">
      <div class="icon">
        <img src="./assets/images/homed.png" alt="">
      </div>
      <div class="name">首页</div>
    </a>
    <a class="item" href="classification.html" target="_self">
      <div class="icon">
        <img src="./assets/images/classification.png" alt="">
      </div>
      <div class="name">分类</div>
    </a>

    <a class="item" href="found.html" target="_self">
      <div class="icon">
        <img src="./assets/images/found.png" alt="">
      </div>
      <div class="name">发现</div>
    </a>
    <a class="item" href="mine.html" target="_self">
      <div class="icon">
        <img src="./assets/images/mined.png" alt="">
      </div>
      <div class="name">我的</div>
    </a>
  </div>
</body>

</html>
<!-- 引入less.js 文件 -->
<script src="./assets/js/less.min.js"></script>
<!-- 引入jquery文件 -->
<script src="./assets/js/jquery.js"></script>
<!-- 引入bootstrap.js文件 -->
<script src="./assets/js/bootstrap.min.js"></script>
<!-- 引入wow.js文件 -->
<script src="assets/js/wow.min.js"></script>
<!-- 实例化wow -->
<script>
  new WOW().init();
</script>